.pink{

  svg{
    position: absolute;
    top: 5px
  }
  span{
    position: absolute;
    bottom: -15px;
  }
}
.pink:after{
  content:"|";
  font-size: 20px;
  padding-left: 100%;
  color: #ddd;
}
.collect{
  div.am-flexbox-item.wm-list-page-item-col.wm-list-page-item-col-1{
    div.wm-list-page-item-row:nth-child(2){
      max-height: 89px;
      overflow: hidden;
    }
  }
  
}

.swipeEdit{
  background: orange;
}
.detailpageContent{
  margin-left: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.detailpageHead{
  margin-left: 15px
}

.portrait{
  margin:15px 0px 10px 0px
}
.collectionMsg{
  display: inline-block;
  margin:15px 0px 10px 10px
}
.createTime{
  margin-top: 8px
}
.importantLevel0{
  color: white;
  background: #FF4500;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 3px 5px 1px 5px;
}
.importantLevel1{
  color: white;
  background: #FFD700;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 3px 5px 1px 5px;
}
.importantLevel2{
  color: white;
  background: #ADADAD;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 3px 5px 1px 5px;
}
.detailpageFooter{
  margin:15px
}
.collectionmore{
  float: right;
}
.mycollection{
  position: relative;
  top:-5px;
}
.operationComponent{
  font-size: 1rem;
  position: absolute;
  bottom: 0px;
  margin-left: 5%;
  width: 90%;
  color: #00CCFF;
  z-index:9999;
}
.operationComponentContent{
  background: white;
  border-radius: 10px;
}
.SelectItem{
  border-bottom: 1px solid #ddd;
  line-height: 40px;
  text-align: center;
}
.lastSelectItem{
  line-height: 40px;
  text-align: center;
}
.operationComponentFooter{
  background: white;
  border-radius: 10px;
  margin:15px 0px 10px 0px;
  line-height: 40px;
  text-align: center;
}
.favouriteList{
  span.yyyy{
    font-size: 14px;
    display: inline-block;
    word-break:break-all;
  }
  span.ellipsis::after{
    content: "...";
    position: absolute;
    bottom: 8px;
    right: 6px;
    background: white;
    width: 25px;
  }
  .wm-list-page-item-content{
    div.am-flexbox .am-flexbox-item{
      // flex: none;
      margin-left: 5.6px;
    }

  }
  
}
.favimp-3{
  border: 1px solid #FF4500;
  padding: 1px 2px;
  color: #FF4500;
}
.favimp-2{
  border: 1px solid #FFD700;
  padding: 1px 2px;
  color: #FFD700;
}
.favimp-1{
  display: none;
  border: 1px solid rgb(120, 143, 157);
  padding: 1px 2px;
  color: rgb(120, 143, 157);
}
[class$="circleStyle"] {
  width: 20px;
  height: 20px;
  border-radius: 15px;
}
.circleStyle{
  background: #1E90FF;
}
.icon-coms-doc-circleStyle{
    background: rgb(241, 74, 45);
}
.icon-coms-workflow-circleStyle{
    background: #1E90FF;
}
.icon-coms-crm-circleStyle{
    background: rgb(150, 53, 138);
}
.icon-coms-Collection-circleStyle{
  background:  rgb(120, 143, 157);
}
.icon-coms-message-circleStyle{
    background: #1E90FF;
}
.icon-coms-project-circleStyle{
  background: #008B00;
}
.iconLeft{
  margin-left: 3px;
  color: white;
}
.swipeForward{
  background: 	#EEB422;
  color: white;
}
.swipeMove{
  background: #1E90FF;
  color: white;
}
.swipeDelete{
  background: 	#EE0000;
  color: white;
}
// .dir{
//   div.am-modal.am-modal-operation.am-modal-transparent{
//     display: none
//   }

// }
.newDir{
  .am-button{
    padding:0 12px!important
  }
}

// WEBPACK FOOTER //
// ./index.less